var aoPostLoadFormCallback = aoPostLoadFormCallback || {};
var aoPostSubmitFormCallback = aoPostSubmitFormCallback || {};

var MAX_FILE_SIZE = 1024 * 1024 * 1024; // 1GB in bytes

var DEFAULT_SUPPORTED_FORMATS = [];

var ACTON_BASE_URL = "/acton/file-upload-service";

const dropzoneFileCollections = {};
const inputToDropzoneMap = new Map(); 
var maxUploads = 10;

var FILE_SCAN_ERROR_TEXT = "Virus scan failed. File rejected.";

var pathname = window.location.pathname;

function getErrorIconSVG() {
    return '<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">' +
        '<g clip-path="url(#clip0_533_1217)">' +
        '<path fill-rule="evenodd" clip-rule="evenodd" d="M0 6C0 2.68629 2.68629 0 6 0C9.31371 0 12 2.68629 12 6C12 9.31371 9.31371 12 6 12C2.68629 12 0 9.31371 0 6ZM6.49989 6.49969V3.50002C6.49989 3.22391 6.27606 3.00008 5.99995 3.00008C5.72384 3.00008 5.5 3.22391 5.5 3.50002V6.49969C5.5 6.7758 5.72384 6.99963 5.99995 6.99963C6.27606 6.99963 6.49989 6.7758 6.49989 6.49969ZM5.5 8.50176V8.49678C5.5 8.22201 5.72384 7.99927 5.99995 7.99927C6.27606 7.99927 6.49989 8.22201 6.49989 8.49678V8.50176C6.49989 8.77652 6.27606 8.99927 5.99995 8.99927C5.72384 8.99927 5.5 8.77652 5.5 8.50176Z" fill="#F25656"/>' +
        '</g>' +
        '<defs>' +
        '<clipPath id="clip0_533_1217">' +
        '<rect width="12" height="12" fill="white"/>' +
        '</clipPath>' +
        '</defs>' +
        '</svg>';
}

function getSuccessIconSVG() {
    return '<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">' +
        '<g clip-path="url(#clip0_533_1203)">' +
        '<path fill-rule="evenodd" clip-rule="evenodd" d="M0 6C0 2.68629 2.68629 0 6 0C9.31371 0 12 2.68629 12 6C12 9.31371 9.31371 12 6 12C2.68629 12 0 9.31371 0 6ZM8.0274 4.08387C8.25717 4.23704 8.31925 4.54748 8.16608 4.77724L6.16608 7.77724C6.0129 8.007 5.70247 8.06909 5.4727 7.91592L3.9727 6.91592C3.74294 6.76274 3.68085 6.4523 3.83403 6.22254C3.9872 5.99278 4.29764 5.93069 4.5274 6.08387L5.61138 6.80651L7.33403 4.22254C7.4872 3.99278 7.79764 3.93069 8.0274 4.08387Z" fill="#69B466"/>' +
        '</g>' +
        '<defs>' +
        '<clipPath id="clip0_533_1203">' +
        '<rect width="12" height="12" fill="white"/>' +
        '</clipPath>' +
        '</defs>' +
        '</svg>';
}

function getRemoveIconSvg() {
    return '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">' +
            '<rect width="24" height="24" rx="4" fill="#FFEAEB"/>' +
            '<path fill-rule="evenodd" clip-rule="evenodd" d="M15 8V7.5C15 7.10217 14.842 6.72064 14.5607 6.43934C14.2794 6.15804 13.8978 6 13.5 6H10.5C10.1022 6 9.72064 6.15804 9.43934 6.43934C9.15804 6.72064 9 7.10218 9 7.5V8H8.00071C8.00054 8 8.00087 8 8.00071 8H7.5C7.22386 8 7 8.22386 7 8.5C7 8.77614 7.22386 9 7.5 9H7.52717L7.95079 16.5829C7.972 16.9661 8.13928 17.3266 8.41824 17.5902C8.69711 17.8538 9.06635 18.0004 9.45001 18L14.5542 18C14.9379 18.0004 15.3079 17.8538 15.5868 17.5902C15.8658 17.3265 16.0331 16.9658 16.0542 16.5825L16.4732 9H16.5C16.7761 9 17 8.77614 17 8.5C17 8.22386 16.7761 8 16.5 8H15ZM10.5 7C10.3674 7 10.2402 7.05268 10.1464 7.14645C10.0527 7.24021 10 7.36739 10 7.5V8H14V7.5C14 7.36739 13.9473 7.24022 13.8536 7.14645C13.7598 7.05268 13.6326 7 13.5 7H10.5ZM8.52873 9L8.94923 16.5271C8.95627 16.6549 9.01206 16.7755 9.10507 16.8634C9.19809 16.9513 9.32127 17.0002 9.44925 17L14.555 17C14.683 17.0002 14.8069 16.9513 14.8999 16.8634C14.993 16.7755 15.0487 16.6553 15.0558 16.5275L15.4716 9H8.52873Z" fill="#E81212"/>' +
        '</svg>';
}

function showOrHideSubmitButtons(currentForm) {
    var submitButtons = !currentForm
        ? document.querySelectorAll(".ao-form-submit")
        : currentForm.querySelectorAll(".ao-form-submit");
    var hasWarnings;

    const isProgresBarVisible = document.querySelectorAll("[id^='progress-bar-wrapper']");
    const hasVisibleProgressBars = Array.from(isProgresBarVisible).some(
        (progressBar) => progressBar.style.display === "block"
    );

    for (const dropzoneKey in dropzoneFileCollections) {
        const dropzone = dropzoneFileCollections[dropzoneKey];
        for (const fileStatus of dropzone.fileStatuses) {
            if (fileStatus.status === "WARNING" || fileStatus.status === "IN_PROGRESS" || hasVisibleProgressBars) {
                hasWarnings = true;
                break;
            }
        }
        if (hasWarnings) break;
    }

    for (var i = 0; i < submitButtons.length; i++) {
        if (hasWarnings) {
            submitButtons[i].disabled = true;
            submitButtons[i].style.opacity = "0.5";
            submitButtons[i].style.pointerEvents = "none";
        } else {
            submitButtons[i].disabled = false;
            submitButtons[i].style.opacity = "1";
            submitButtons[i].style.pointerEvents = "auto";
        }
    }
}

var removeFileStatus = function(uniqueDropzoneId, fileName) {
    const dropzoneData = dropzoneFileCollections[uniqueDropzoneId];
    dropzoneData.fileStatuses = dropzoneData.fileStatuses.filter(file => file.fileName !== fileName);
    showOrHideSubmitButtons();
};

const updateFileStatus = (allowMultiple, uniqueDropzoneId, fileName, status, attachmentId, jwtToken) => {
    const dropzoneData = dropzoneFileCollections[uniqueDropzoneId];
    const { fileStatuses } = dropzoneData;

    if (!allowMultiple) {
        dropzoneData.fileStatuses = [{ fileName, status, attachmentId, jwtToken}];
    } else {
        const existingFileIndex = fileStatuses.findIndex(file => file.fileName === fileName);
        if (existingFileIndex !== -1) {
            fileStatuses[existingFileIndex] = { fileName, status, attachmentId, jwtToken };
        } else {
            fileStatuses.push({ fileName, status, attachmentId, jwtToken});
        }
        dropzoneData.fileStatuses = fileStatuses;
    }
};

function deleteAttachmentByToken(jwtToken, accountId, domain, scheme) {
    return new Promise((resolve, reject) => {
      if (!jwtToken) {
        resolve(false);
        return;
      }

      var url = scheme + domain + ACTON_BASE_URL + "/attachment/delete-by-token?jwtToken=" + jwtToken;
  
      const xhr = new XMLHttpRequest();
      xhr.open('DELETE', url, true);
      xhr.setRequestHeader( 'Content-Type', 'application/json' );


        xhr.onload = function () {
        if (xhr.status === 200) {
          try {
            const response = JSON.parse(xhr.responseText);
            if (response) {
              resolve(true);
            } else {
              resolve(false);
            }
          } catch (e) {
            resolve(false);
          }
        } else {
          resolve(false);
        }
      };
  
      xhr.onerror = function () {
        resolve(false);
      };
  
      xhr.send(JSON.stringify(jwtToken));
    });
}

function updateFileUploadMetadata(uiniqueCollection, index) {
    const uploadedFiles = uiniqueCollection.fileStatuses
    .filter(fileStatus => fileStatus.status === "DONE" && fileStatus.attachmentId)
    .map(fileStatus => ({
        name: fileStatus.fileName,
        id: fileStatus.attachmentId,
    }));

    const jsonValue = JSON.stringify({
        type: "FILE",
        data: uploadedFiles,
    });

    const fileUploadMetaData = document.querySelectorAll("[class^='file-upload-metadata']")[index];
    if (fileUploadMetaData) {
        fileUploadMetaData.value = jsonValue;
    }
}

function getElementsByAttribute (tagName, index) { 
    return document.querySelectorAll(`[${tagName}]`)[index]?.getAttribute(tagName)?.trim()
}

function getAllowedFileTypes(accountId, domain, scheme) {
    return new Promise(function (resolve, reject) {
        var query = "action=getAllowedFileTypesList&accountId=" + accountId;
        var url = scheme + domain + "/acton/file/upload.jsp?" + query;
        var xhr = new XMLHttpRequest();

        xhr.open("GET", url, true);
        xhr.onload = function () {
            if (xhr.status >= 200 && xhr.status < 300) {
                var data = JSON.parse(xhr.responseText);
                DEFAULT_SUPPORTED_FORMATS = data.allowedFileUploadTypes;
                resolve();
            } else {
                reject("Error: " + xhr.statusText);
            }
        };

        xhr.onerror = function () {
            reject("Network Error");
        };

        xhr.send();
    });
}


var _aoFormLoader = (function(w){
	var stylesLoaded = false;
	var captchaLoaded = false;
	var gfLoaded = false;
	var htmlId = false;
	var formsLoadedCount = 0;
	var formsCount = 0;

  var scheme = document.location.protocol + "//";

  function populateDateField(inputElem, value) {
    if(!value || !inputElem) {
      return;
    }

    var dateWrapper = inputElem.parentElement;
    var dateElements = dateWrapper.querySelectorAll('input.ao-form-field-date');
  	var amPm;

    if (value.indexOf("AM")) {
    	value = value.replace("AM", "");
    	amPm = "AM";
	} else if (value.indexOf("PM")) {
		value = value.replace("PM", "");
		amPm = "PM";
	}
    var dateFormat = value.split(/[:\/\s]+/);

    // Populate all date input fields
    dateElements.forEach(function(elem, index) {
      elem.value = dateFormat[index] || '';
    });

    // Populate AM/PM dropdown
    if(amPm && dateWrapper.querySelector("option[value='" + amPm + "']")) {
      dateWrapper.querySelector("option[value='" + amPm + "']").selected = true;
    }
  }

	var loadForm = function(options){
	    formsCount += 1; //increment for each form that is on the page
		loadStylesheet(options);

		var previewMarkup = '<p style="text-align: center;">Unable to preview form, it has reached the submission cap or expired.</p>';
		var oReq = new XMLHttpRequest();
		oReq.onload = function (e) {

			var response;

			if (e.target.responseType === 'json') {
				response = e.target.response || false;
			} else {
				response = (e.target.response) ?  JSON.parse(e.target.response) : false;
			}

			if(!response){
				return false;
			} else if (response && typeof response.processedTemplate === 'undefined' && response.linkURL && response.linkURL != '') {
				window.location = response.linkURL;
				return false;
			}

			var idArr = options.id.split(":");

			htmlId = (options.uniqueId) ? options.id + options.uniqueId : options.id;
            divId = (options.uniqueId) ? idArr[0] + options.uniqueId : idArr[0];

			var existingDiv = document.getElementById('aoform-' + divId);
			if(existingDiv)
				existingDiv.parentNode.removeChild(existingDiv);

			var div = document.createElement('div');
			var scriptTag = document.getElementById('aoform-script-' + htmlId);
			div.id = 'aoform-' + divId;
            div.style.visibility = "hidden";
			scriptTag.parentNode.insertBefore(div, scriptTag);
			div.innerHTML = response && response.processedTemplate ? response.processedTemplate : previewMarkup;
			formsLoadedCount += 1; //increment for when a form is loaded onto the page

            const dropzones = document.querySelectorAll("[id^='files-dropzone']");
            const fileInputs = document.querySelectorAll("[id^='file-upload']");
            const fileLists = document.querySelectorAll("[id^='filelist']");

        getAllowedFileTypes(options.accountId, options.domain, scheme).then(function () {
            dropzones.forEach((dropzone, index) => {
                const fileSizeErrorMessage = getElementsByAttribute('data-filesizeerrormessage', index);
                const fileGeneralErrorMessage = getElementsByAttribute('data-filegeneralerrormessage', index);
                const fileAllowedTypesErrorMessage = getElementsByAttribute('data-fileallowedtypeserrormsg', index) || 'The uploaded file is not a supported file format';

                const fileInput = fileInputs[index];
                const fileList = fileLists[index];

                const uniqueDropzoneId = `dropzone-${index}`;

                dropzoneFileCollections[uniqueDropzoneId] = {
                    files: [],
                    fileElementsMap: new Map(),
                    fileStatuses: [],
                    pollingState:{},
                    fileMessages: { fileSizeErrorMessage, fileGeneralErrorMessage, fileAllowedTypesErrorMessage }
                };

                if (fileInput) {
                    inputToDropzoneMap.set(fileInput, uniqueDropzoneId);
                }

                if (dropzone && fileInput && fileList) {
                    const allowedFileTypes = getElementsByAttribute('data-allowedfiletypes', index);
                    const otherFileTypes = getElementsByAttribute('data-otherfiletypes', index);
                    const unqiueCollection = dropzoneFileCollections[uniqueDropzoneId];

                    unqiueCollection['SUPPORTED_FORMATS'] = DEFAULT_SUPPORTED_FORMATS;

                    if (allowedFileTypes) {
                        var typesArray = allowedFileTypes.split(',');
                        unqiueCollection['SUPPORTED_FORMATS'] = typesArray;
                    }

                    // only keep other file types if specified
                    if (otherFileTypes) {
                        var extensions = otherFileTypes.match(/\w+/g);
                        if( allowedFileTypes) {
                            unqiueCollection['SUPPORTED_FORMATS'] = unqiueCollection['SUPPORTED_FORMATS'].concat(extensions);
                        } else {
                            unqiueCollection['SUPPORTED_FORMATS'] = extensions;
                        }
                    }

                    const defaultMessage = dropzone.querySelector("p");
                    const allowMultiple = getElementsByAttribute('data-multiple', index) === "true";
                    fileInput.multiple = allowMultiple;

                    const fileWrapper = document.createElement("div");
                    fileWrapper.id = "file-wrapper";

                    if (!(pathname.includes('landingPagePreview') || pathname.includes('showLandingPage'))) {
                        fileWrapper.style.minWidth = "45%";
                    }

                    fileList.appendChild(fileWrapper);

                    dropzone.addEventListener("dragover", function (event) {
                        event.preventDefault();
                    });

                    dropzone.addEventListener('drop', function (event) {
                        event.preventDefault();
                        const files = Array.from(event.dataTransfer.files);

                        const dataTransfer = new DataTransfer();
                        files.forEach(file => dataTransfer.items.add(file));
                        fileInput.files = dataTransfer.files;
                        handleNewFiles(files);
                        validateField(fileInput, { isFileUpload: true });
                    });

                    fileInput.addEventListener('change', function () {
                        const files = Array.from(fileInput.files);
                        if (files.length === 0) {
                            return;
                        }

                        const dataTransfer = new DataTransfer();
                        files.forEach(file => dataTransfer.items.add(file));
                        fileInput.files = dataTransfer.files;

                        handleNewFiles(files);
                        validateField(fileInput, { isFileUpload: true });
                    });

                    function handleNewFiles(files) {
                        const { files: storedFiles, fileElementsMap } = unqiueCollection;

                        if (!allowMultiple) {
                            const newFile = files[0];
                            if (!newFile) return;

                            const existingFileNames = storedFiles.map(file => file.name);
                            if (existingFileNames.includes(newFile.name)) {
                                return;
                            }

                            unqiueCollection.files = [newFile];
                            unqiueCollection.fileStatuses = [{ fileName: newFile.name, status: "PENDING" }];
                            fileElementsMap.clear();
                            fileWrapper.innerHTML = "";
                            updateDropzoneContent([newFile]);
                        } else {
                            const existingFileNames = storedFiles.map(file => file.name);
                            const uniqueFiles = files.filter(file => !existingFileNames.includes(file.name));

                            const remainingSlots = maxUploads - storedFiles.length;
                            if (remainingSlots <= 0) {
                                alert(`You can only upload up to ${maxUploads} files.`);
                                return;
                            }

                            const filesToAdd = uniqueFiles.slice(0, remainingSlots);

                            if (filesToAdd.length === 0) {
                                return;
                            }

                            unqiueCollection.files = mergeFiles(storedFiles, filesToAdd);

                            filesToAdd.forEach(file => {
                                unqiueCollection.fileStatuses.push({
                                    fileName: file.name,
                                    status: "PENDING",
                                });
                            });
                            updateDropzoneContent(filesToAdd);
                        }
                        updateUploadStatusVisibility();
                        showOrHideSubmitButtons()
                    }

                    function mergeFiles(existingFiles, newFiles) {
                        const fileMap = new Map();

                        existingFiles.forEach(file => fileMap.set(file.name, file));
                        newFiles.forEach(file => {
                            if (!fileMap.has(file.name)) {
                                fileMap.set(file.name, file);
                            }
                        });

                        return Array.from(fileMap.values());
                    }

                    function updateDropzoneContent(files) {
                        const { fileElementsMap } = unqiueCollection;

                        if (files.length === 0) {
                            defaultMessage.style.display = "block";
                            fileList.style.display = "none";
                        } else {
                            defaultMessage.style.display = "none";
                            fileList.style.display = "block";

                            files.forEach(function (file) {
                                if (!fileElementsMap.has(file.name)) {
                                    var fileContainer = document.createElement("div");
                                    fileContainer.id = "file-container";

                                    var removeIcon = document.createElement("div");
                                    removeIcon.id = "remove-icon";
                                    removeIcon.innerHTML = getRemoveIconSvg();

                                    var tooltip = document.createElement("div");
                                    tooltip.id = "tooltip";
                                    tooltip.textContent = "Remove file";

                                    var tooltipArrow = document.createElement("div");
                                    tooltip.appendChild(tooltipArrow);

                                    removeIcon.addEventListener("click", function () {
                                        const { fileStatuses } = unqiueCollection;

                                        const fileStatus = fileStatuses.find(f => f.fileName === file.name);
                                        if (fileStatus && fileStatus.status === "DONE") {
                                            const accountId = options.accountId;
                                            const jwtToken = fileStatus.jwtToken;

                                            if (jwtToken) {
                                                removeIcon.style.disabled = true;
                                                removeIcon.style.opacity = "0.7";
                                                removeIcon.style.cursor = "wait";
                                                removeIcon.style.pointerEvents = "none";

                                              deleteAttachmentByToken(jwtToken, accountId, options.domain, scheme)
                                                  .then((isSuccessful) => {
                                                      if (isSuccessful) {
                                                          removeFileLocally();
                                                      } else {
                                                          restoreRemoveIconStyles();
                                                          alert("Something went wrong. We couldn’t delete the file. Please try again.");
                                                      }
                                                  })
                                                  .catch(() => {
                                                      restoreRemoveIconStyles();
                                                      alert("Network error occurred.");
                                                  });
                                            } else {
                                                restoreRemoveIconStyles();
                                                alert("Invalid attachmentId or accountId for removal.");
                                            }
                                        } else {
                                            removeFileLocally();
                                        }

                                        function removeFileLocally() {
                                            fileWrapper.removeChild(fileContainer);

                                            unqiueCollection.files = unqiueCollection.files.filter(storedFile => storedFile.name !== file.name);
                                            unqiueCollection.fileStatuses = fileStatuses.filter(f => f.fileName !== file.name);

                                            const dataTransfer = new DataTransfer();
                                            unqiueCollection.files.forEach(file => dataTransfer.items.add(file));
                                            fileInput.files = dataTransfer.files;

                                            unqiueCollection.fileElementsMap.delete(file.name);

                                            if (unqiueCollection.files.length === 0) {
                                                const dropzoneElements = document.querySelectorAll("#dropzone-text");
                                                const dropzoneEl = dropzoneElements[index];

                                                dropzoneEl.style.display = "block";
                                                fileList.style.display = "none";
                                            }

                                            updateFileUploadMetadata(unqiueCollection, index);
                                            removeFileStatus(uniqueDropzoneId, file.name);
                                            updateUploadStatusVisibility();
                                        }

                                        function restoreRemoveIconStyles() {
                                            removeIcon.style.disabled = false;
                                            removeIcon.style.opacity = "1";
                                            removeIcon.style.cursor = "pointer";
                                            removeIcon.style.pointerEvents = "auto";
                                        }
                                    });

                                    removeIcon.addEventListener("mouseenter", function () {
                                        removeIcon.appendChild(tooltip);
                                        tooltip.style.left = "50%";
                                        tooltip.style.bottom = `${removeIcon.offsetHeight + 10}px`;
                                        tooltip.style.transform = "translateX(-50%)";

                                        tooltip.style.opacity = "1";
                                        tooltip.style.transform = "translate(-50%, 0)";
                                    });

                                    removeIcon.addEventListener("mouseleave", function () {
                                        tooltip.style.opacity = "0";
                                        setTimeout(() => {
                                            if (tooltip.parentNode === removeIcon) {
                                                removeIcon.removeChild(tooltip);
                                            }
                                        }, 200);
                                    });

                                    fileContainer.addEventListener("mouseover", function () {
                                        if (progressBarWrapper.style.display !== "block") {
                                            removeIcon.style.display = "block";
                                        }
                                    });

                                    fileContainer.addEventListener("mouseout", function () {
                                        removeIcon.style.display = "none";
                                    });

                                    var fileDetailsWrapper = document.createElement("div");
                                    fileDetailsWrapper.id = "file-details-wrapper";

                                    var fileNameContainer = document.createElement("div");
                                    fileNameContainer.id = "file-name-container";

                                    var fileName = document.createElement("div");
                                    fileName.id = "file-name";
                                    fileName.textContent = shortenFileName(file.name, 12);

                                    fileNameContainer.appendChild(fileName);

                                    var fileSizeContainer = document.createElement("div");
                                    fileSizeContainer.id = "file-size-container";

                                    var fileSize = document.createElement("div");
                                    fileSize.id = "file-size";
                                    fileSize.textContent = "0 KB of " + (file.size / 1024).toFixed(2) + " KB";

                                    fileSizeContainer.appendChild(fileSize);

                                    fileDetailsWrapper.appendChild(fileNameContainer);
                                    fileDetailsWrapper.appendChild(fileSizeContainer);

                                    var statusWrapper = document.createElement("div");
                                    statusWrapper.id = "status-wrapper";

                                    var progressBarWrapper = document.createElement("div");
                                    progressBarWrapper.id = "progress-bar-wrapper";

                                    var progressBar = document.createElement("div");
                                    progressBar.id = "progress-bar";

                                    var statusIconContainer = document.createElement("div");
                                    statusIconContainer.id = "status-icon-container";

                                    var statusIcon = document.createElement("div");
                                    statusIcon.id = "status-icon";
                                    statusIcon.innerHTML = "";
                                    statusIconContainer.appendChild(statusIcon);

                                    var statusMessageContainer = document.createElement("div");
                                    statusMessageContainer.id = "status-message-container";

                                    var statusMessage = document.createElement("div");
                                    statusMessage.id = "status-message";
                                    statusMessage.textContent = "";

                                    statusMessageContainer.appendChild(statusMessage);

                                    progressBarWrapper.appendChild(progressBar);
                                    statusWrapper.appendChild(progressBarWrapper);
                                    statusWrapper.appendChild(statusIconContainer);
                                    statusWrapper.appendChild(statusMessageContainer);

                                    fileContainer.appendChild(removeIcon);
                                    fileContainer.appendChild(fileDetailsWrapper);
                                    fileContainer.appendChild(statusWrapper);

                                    fileWrapper.appendChild(fileContainer);

                                    fileElementsMap.set(file.name, {
                                        fileContainer,
                                        progressBarWrapper,
                                        progressBar,
                                        statusMessage,
                                        fileSize,
                                        statusIcon,
                                    });

                                    uploadFile(file, progressBar, statusMessage, fileSize, statusIcon, statusWrapper, fileContainer, removeIcon, progressBarWrapper);
                                }
                            });
                        }
                    }


                    function shortenFileName(fileName, maxLength) {
                        if (fileName.length <= maxLength) return fileName;
                        var fileExtension = fileName.split('.').pop();
                        var baseName = fileName.substring(0, maxLength - fileExtension.length - 3);
                        return baseName + "..." + fileExtension;
                    }

                    function checkImageDimensions(file) {
                        const maxPixels = 10000;

                        return new Promise(function(resolve, reject) {
                            createImageBitmap(file).then(function(bitmap) {
                                const width = bitmap.width;
                                const height = bitmap.height;

                                bitmap.close();

                                resolve({
                                    valid: width <= maxPixels && height <= maxPixels,
                                    width: width,
                                    height: height
                                });
                            }).catch(function() {
                                reject(new Error('Failed to read image dimensions'));
                            });
                        });
                    }

                    function uploadFile(file, progressBar, statusMessage, fileSize, statusIcon, statusWrapper, fileContainer, removeIcon, progressBarWrapper) {

                        const fileExtension = file.name.split('.').pop().toLowerCase();
                        const fileGeneralErrorMessage = unqiueCollection.fileMessages.fileGeneralErrorMessage;
                        const fileSizeErrorMessage = unqiueCollection.fileMessages.fileSizeErrorMessage
                        const fileAllowedTypesErrorMessage  = unqiueCollection.fileMessages.fileAllowedTypesErrorMessage
                        const imageMaxDimensionsErrorMessage = 'Image dimensions exceed the maximum size of 10,000 pixels'

                        if (file.size > MAX_FILE_SIZE) {
                            statusMessage.textContent = fileSizeErrorMessage;
                            updateFileStatus(allowMultiple, uniqueDropzoneId, file.name, "WARNING");
                            if (fileSizeErrorMessage.length > 52) {
                                fileContainer.style.alignItems = 'baseline';
                                statusWrapper.style.alignItems = 'baseline';
                                statusMessage.style.maxWidth = "318px";
                            }
                            statusIcon.innerHTML = getErrorIconSVG();
                            showOrHideSubmitButtons();

                            return;
                        }

                        
                        if (!unqiueCollection['SUPPORTED_FORMATS'].some(el => el && el.includes(fileExtension))) {
                            statusMessage.textContent = fileAllowedTypesErrorMessage;
                            updateFileStatus(allowMultiple, uniqueDropzoneId, file.name, "WARNING");
                            if (fileAllowedTypesErrorMessage.length > 52) {
                                fileContainer.style.alignItems = 'baseline';
                                statusWrapper.style.alignItems = 'baseline';
                                statusMessage.style.maxWidth = "318px";
                            }

                            statusIcon.innerHTML = getErrorIconSVG();
                            showOrHideSubmitButtons();
                            return;
                        }

                        const progressStep = 33.33;
                        let currentProgress = 0;
                        let simulatedProgress = 66;
                        let updateInterval;

                        const updateProgress = (targetProgress) => {
                            updateFileStatus(allowMultiple, uniqueDropzoneId, file.name, "IN_PROGRESS");

                            if (updateInterval) clearInterval(updateInterval);
                            updateInterval = setInterval(() => {
                                if (currentProgress < targetProgress) {
                                    currentProgress += 0.5;
                                    progressBar.style.width = `${currentProgress}%`;
                                    fileSize.textContent = `${((currentProgress / 100) * file.size / 1024).toFixed(2)} KB of ${(file.size / 1024).toFixed(2)} KB`;
                                } else {
                                    clearInterval(updateInterval);
                                }
                            }, 50);
                        };

                        const finalizeProgress = (attachmentId, jwtToken) => {
                            clearInterval(updateInterval);
                            progressBar.style.width = "100%";
                            fileSize.textContent = `${(file.size / 1024).toFixed(2)} KB of ${(file.size / 1024).toFixed(2)} KB`;
                            setTimeout(() => {
                                statusMessage.textContent = "Completed";
                                statusIcon.innerHTML = getSuccessIconSVG();
                                progressBarWrapper.style.display = "none";
                                updateFileStatus(allowMultiple, uniqueDropzoneId, file.name, "DONE", attachmentId, jwtToken);

                                updateFileUploadMetadata(unqiueCollection, index);
                                updateUploadStatusVisibility();
                                showOrHideSubmitButtons();
                            }, 2000);

                        };

                        const showError = (message) => {
                            updateFileStatus(allowMultiple, uniqueDropzoneId, file.name, "WARNING");
                            clearInterval(updateInterval);
                            progressBarWrapper.style.display = "none";
                            statusMessage.textContent = message;
                            statusIcon.innerHTML = getErrorIconSVG();
                            updateUploadStatusVisibility();
                            showOrHideSubmitButtons();
                        };

                        // 1. Store Request (0–33%)
                        const storeRequest = () => {
                            updateFileStatus(allowMultiple, uniqueDropzoneId, file.name, "IN_PROGRESS");

                            const controller = new AbortController();
                            const signal = controller.signal;

                            const xhr = new XMLHttpRequest();

                            var url = scheme + options.domain + ACTON_BASE_URL + "/file-process/";
                            xhr.open("POST", url, true);
                            xhr.setRequestHeader( 'Content-Type', 'application/json' );

                            xhr.signal = signal;

                            xhr.onload = () => {
                                updateProgress(progressStep);
                                if (xhr.status === 200) {
                                    const response = JSON.parse(xhr.responseText);
                                    const uploadUrl = response.uploadUrl;
                                    uploadToS3(uploadUrl);
                                } else {
                                    showError(fileGeneralErrorMessage);
                                    controller.abort();
                                }
                            };

                            xhr.onerror = () => {
                                showError(fileGeneralErrorMessage);
                                controller.abort();
                            };

                            xhr.send(
                              JSON.stringify({
                                  accountId: options.accountId,
                                  userId: 1,
                                  identifier: options.id.replace(':', '_'),
                                  fullFileName: file.name,
                                  objectId: options.id.split(":")[0],
                                  objectType: "FORM",
                                  mimeType: file.type,
                              })
                            );
                        };

                        // 2. Upload to S3 (33–66%)
                        const uploadToS3 = (uploadUrl) => {
                            const controller = new AbortController();
                            const signal = controller.signal;

                            const xhr = new XMLHttpRequest();
                            xhr.open("PUT", uploadUrl, true);
                            xhr.setRequestHeader("Content-Type", file.type);
                            xhr.signal = signal;

                            xhr.upload.onprogress = (event) => {
                                if (event.lengthComputable) {
                                    const targetProgress = progressStep + (event.loaded / event.total) * progressStep;
                                    updateProgress(targetProgress);
                                }
                            };

                            xhr.onload = () => {
                                if (xhr.status === 200) {
                                    confirmUpload(uploadUrl);
                                } else {
                                    showError(fileGeneralErrorMessage);
                                    controller.abort();
                                }
                            };

                            xhr.onerror = () => {
                                showError(fileGeneralErrorMessage);
                                controller.abort();
                            };

                            xhr.send(file);
                        };

                        // 3. Confirm Upload and File-Scan (66–100%)
                        const confirmUpload = (uploadUrl) => {
                            const controller = new AbortController();
                            const signal = controller.signal;

                            const xhr = new XMLHttpRequest();

                            var url = scheme + options.domain + ACTON_BASE_URL + "/file-process/confirm";
                            xhr.open("POST", url, true);
                            xhr.setRequestHeader( 'Content-Type', 'application/json' );
                            xhr.signal = signal;

                            xhr.onload = () => {
                                if (xhr.status === 200) {
                                    pollFileStatus(uploadUrl);
                                } else {
                                    showError(FILE_SCAN_ERROR_TEXT);
                                    controller.abort();
                                }
                            };

                            xhr.onerror = () => {
                                showError(FILE_SCAN_ERROR_TEXT);
                                controller.abort();
                            };

                            xhr.send(JSON.stringify({ tempUrl: uploadUrl }));
                        };

                        const handlePollingError = (fileName, dropzoneId, errorMessage, controller) => {
                            const dropzoneState = dropzoneFileCollections[dropzoneId]["pollingState"][fileName];
                            if (dropzoneState) {
                                dropzoneState.isPolling = false;
                                clearInterval(dropzoneState.interval);
                            }
                            controller.abort();
                            showError(errorMessage);
                        };

                        const pollFileStatus = (uploadUrl) => {
                            const controller = new AbortController();
                            const signal = controller.signal;

                            const pollingIntervalMs = 4000;
                            const maxPollingTimeMs = 1 * 60 * 1000;
                            const maxAttempts = Math.floor(maxPollingTimeMs / pollingIntervalMs);
                            let attemptCount = 0;

                            const pollingState = unqiueCollection["pollingState"];
                            if (!pollingState[file.name]) {
                                pollingState[file.name] = { isPolling: false, interval: null };
                            }

                            const dropzoneState = unqiueCollection["pollingState"][file.name];

                            if (dropzoneState.isPolling) return;
                            dropzoneState.isPolling = true;

                            const startPolling = () => {
                                dropzoneState.interval = setInterval(() => {
                                    if (attemptCount >= maxAttempts) {
                                        handlePollingError(file.name, uniqueDropzoneId, "Polling timed out. Please try again.");
                                        controller.abort();  // Abort the request if polling times out
                                        return;
                                    }

                                    const xhr = new XMLHttpRequest();

                                    var url = scheme + options.domain + ACTON_BASE_URL + "/file-scanning/statuses";
                                    xhr.open("POST", url, true);
                                    xhr.setRequestHeader( 'Content-Type', 'application/json' );
                                    xhr.signal = signal;

                                    xhr.onload = () => {
                                        simulatedProgress = Math.min(simulatedProgress + Math.floor(Math.random() * 11), 99);
                                        progressBar.style.width = `${simulatedProgress}%`;
                                        fileSize.textContent = `${((simulatedProgress / 100) * file.size / 1024).toFixed(2)} KB of ${(file.size / 1024).toFixed(2)} KB`;

                                        if (xhr.status === 200) {
                                            const response = JSON.parse(xhr.responseText);
                                            const statuses = response;

                                            if (statuses && statuses.length > 0) {
                                                const status = statuses[0];
                                                if (status.status === "IN_PROGRESS") {
                                                    updateFileStatus(allowMultiple, uniqueDropzoneId, file.name, "IN_PROGRESS");
                                                } else if (status.status === "DONE") {
                                                    if (!(status.attachmentId || status.url)) {
                                                        pollFileStatus(uploadUrl);
                                                    } else {
                                                        dropzoneState.isPolling = false;
                                                        clearInterval(dropzoneState.interval);
                                                        finalizeProgress(status.attachmentId, status.jwtToken);
                                                    }
                                                } else if (status.status === "FAILED") {
                                                    handlePollingError(file.name, uniqueDropzoneId, FILE_SCAN_ERROR_TEXT, controller);
                                                }
                                            } else {
                                                handlePollingError(file.name, uniqueDropzoneId, FILE_SCAN_ERROR_TEXT, controller);
                                            }
                                        } else {
                                            handlePollingError(file.name, uniqueDropzoneId, FILE_SCAN_ERROR_TEXT, controller);
                                        }
                                    };

                                    xhr.onerror = () => {
                                        handlePollingError(file.name, uniqueDropzoneId, FILE_SCAN_ERROR_TEXT, controller);
                                    };

                                    xhr.send(JSON.stringify([uploadUrl]));
                                    attemptCount++;
                                }, pollingIntervalMs);
                            };

                            startPolling();
                        };

                        if(file.type.startsWith('image/')){
                            checkImageDimensions(file).then(function(result) {
                                if(!result.valid){
                                    statusMessage.textContent = imageMaxDimensionsErrorMessage;
                                    updateFileStatus(allowMultiple, uniqueDropzoneId, file.name, "WARNING");
                                    fileContainer.style.alignItems = 'baseline';
                                    statusWrapper.style.alignItems = 'baseline';
                                    statusMessage.style.maxWidth = "318px";
                                    statusIcon.innerHTML = getErrorIconSVG();
                                    showOrHideSubmitButtons();

                                    return;
                                }
                                else {
                                    progressBarWrapper.style.display = "block";
                                    removeIcon.style.display = "none";
                                    storeRequest();
                                }
                            })
                        } else {
                            progressBarWrapper.style.display = "block";
                            removeIcon.style.display = "none";
                            storeRequest();
                        }
                    }

                    function updateUploadStatusVisibility() {
                        const uploadStatuses = document.querySelectorAll('#upload-status');
                        const statusEL = uploadStatuses[index];
                        const anyInProgress = Array.from(unqiueCollection.fileElementsMap.values()).some(
                          (fileData) => fileData.progressBarWrapper.style.display === "block"
                        );
                        statusEL.style.display = anyInProgress ? "block" : "none";
                    }
                }
            });
        });

            if(response.formProperties && ! response.formProperties.invalidDomain){
                //Set referrer
                div.querySelector("input[name='ao_refurl']").value = document.referrer;
                div.querySelector("input[name='ao_target']").value = window.location.href;
                div.querySelector("input[name='ao_refemail']").value = getParameterByName("aoRefEmail");
                div.querySelector("input[name='ao_campid']").value = getParameterByName("cmpid");
                div.querySelector("input[name='ao_gatedpage']").value = getParameterByName("ao_gatedpage");
                div.querySelector("input[name='ao_gatedasset']").value = getParameterByName("ao_gatedasset");

                var ajaxSubmit = response && response.formProperties && response.formProperties.hasAjaxResponse ? response.formProperties.hasAjaxResponse : false;

                loadCaptcha();
                !!response.formProperties.removeFormTabIndexes
                    ? removeTabIndexes()
                    : updateTabIndexes();
                loadGoogleFonts();

                formValidationEvents(div, ajaxSubmit);


                // Form Prefill
                if ( response.prefill && Object.keys( response.prefill ).length > 0 ) {
                    var fields = Object.keys( response.prefill );

                    fields.forEach( function( field ) {
                        var input = div.querySelector("input[name='" + field + "']");
                        var select = div.querySelector("select[name='" + field + "']");
                        var textarea = div.querySelector("textarea[name='" + field + "']");

                        if ( ! input && ! select && ! textarea ) {
                            return;
                        }

                        if(input){
                            if(input.type== "radio"){
                                var radios = div.querySelectorAll("input[name='" + field + "']");
                                for(var i = 0; i<radios.length; i++){
                                    if(radios[i].value == response.prefill[field]){
                                        radios[i].checked = true;
                                    }
                                }
                            } else if(input.type== "checkbox") {
                                if ( ! response.prefill[field] ) { return true; }
                                var checkboxes = div.querySelectorAll("input[name='" + field + "']");
                                var values = response.prefill[field].split(/[;,]/);

                                for(var i = 0; i<checkboxes.length; i++){
                                    for(var j = 0; j<values.length; j++) {
                                        var strippedVal = values[j].replace(/^\^(.+(?=\^$))\^$/, '$1');
                                        if (checkboxes[i].value == strippedVal) {
                                            checkboxes[i].checked = true;
                                        }
                                    }
                                }
                            } else if (input.type=="text"){
                                div.querySelector("input[name='" + field + "']").value = response.prefill[field];
                            } else if (input.type === 'hidden' && input.className === 'ao-form-field-date-input') {
                              populateDateField(input, response.prefill[field]);
                            }
                        } else if(textarea) {
                            div.querySelector("textarea[name='" + field + "']").value = response.prefill[field];
                        } else if(select){
                            for (var i = 0; i < select.options.length; i++) {
                                if (select.options[i].text == response.prefill[field]) {
                                    select.options[i].selected = true;
                                }
                            }
                        }
                    });
                }

                // init the rule listeners here
                if ( response.formProperties && response.formProperties.hasRules === true ) {
                    loadRules( options.accountId, options.id, response.watchFields, options, div);
                } else {
                    div.style.visibility = "visible";
				}

                //Post Load Callback (universal)
                if (typeof aoPostLoadCallback === 'function') {
                    aoPostLoadCallback();
                }

                //Post Load Callback (form specific)
                if(aoPostLoadFormCallback[divId] && typeof aoPostLoadFormCallback[divId] === 'function'){
                    aoPostLoadFormCallback[divId]();
                }

                //Post Load Callback
                if (typeof aoPostLoadCallbackInternal === 'function') {
                    aoPostLoadCallbackInternal();
                }
			} else {
                div.style.visibility = "visible";
			}
		};

		var url;

		if(options.isTemp) {
			url = scheme + options.domain + '/acton/internalapi/FormBuilder/' + options.accountId + '/form/temp/' + options.id + '?ts=' + new Date().getTime() + "&noStyle=" + ((options.noStyle) ? "1" : "") + "&prefilledData=" + ((options.prefilledData) ? options.prefilledData : "");
		} else if(options.recId) {
            url = scheme + options.domain + '/acton/internalapi/FormBuilder/' + options.accountId + '/form/' + options.id + '?ts=' + new Date().getTime() + "&noStyle=" + ((options.noStyle) ? "1" : "") + "&prefilledData=" + ((options.prefilledData) ? options.prefilledData : "") + "&recId=" + ((options.recId) ? options.recId : "");
        } else {
            var useParentDomain = '';
      if (document.location.pathname.includes("subscriberPreviewPane.jsp") || document.location.pathname.includes("read/snippet/form")) {
                useParentDomain = '&assetNotAccepted=' + true;
            }
            url = scheme + options.domain + "/acton/openapi/form/v1/" + options.accountId + "/" + options.id + '?ts=' +
                new Date().getTime() + (options.noStyle ? "&noStyle=1" : "" ) + (options.prefill ? "&prefill=1" : "") +
                useParentDomain;
		}

        var gated_asset = getParameterByName("ao_gatedasset");
        url += gated_asset ? "&ga=" + gated_asset : '';

		oReq.open('GET', url, true);
		oReq.responseType = 'json';
        oReq.withCredentials = true;
		oReq.send();
	};

	var loadStylesheet = function(options){
		if(! stylesLoaded){
			var styleTag = document.createElement("link");
			styleTag.rel = "stylesheet";
			styleTag.type = "text/css";
			styleTag.href =  scheme + options.domain + "/acton/content/form_flattener.css";
			styleTag.media = "all";
			document.getElementsByTagName('head')[0].appendChild(styleTag);
			stylesLoaded = true;
		}
	};

	var loadCaptcha = function(){

		if(! captchaLoaded && (formsCount == formsLoadedCount)){ //Don't load captcha until all forms that exist on page are loaded
			var scriptTag = document.createElement("script");

			scriptTag.src = "https://www.google.com/recaptcha/api.js";
			scriptTag.defer = true;
            scriptTag.async = true;

			document.getElementsByTagName('head')[0].appendChild(scriptTag);
			captchaLoaded = true;


		}
	};

    var removeTabIndexes = function() {
        if (formsLoadedCount > 0) {
            const actonForms = document.querySelectorAll("form.ao-form");
            for (let i = 0; i < actonForms.length; i++) {
                const inputFields = actonForms[i].querySelectorAll('[tabindex]');
                for (let j = 0; j < inputFields.length; j++) {
                    inputFields[j].removeAttribute("tabindex");
                }
            }
        }

    }

	var updateTabIndexes = function(){
	    //If multiple forms on one page, update each new form with higher tab index (100+) than previous form)
        if(formsCount == formsLoadedCount && formsLoadedCount > 1) {
            var actonForms = document.querySelectorAll("form.ao-form");

            var startingTabIndex = 100;
            for(var i = 1; i<actonForms.length; i++){
                var inputFields = actonForms[i].querySelectorAll('[tabindex]');
                for(var j=0; j<inputFields.length; j++){
                    inputFields[j].tabIndex = inputFields[j].tabIndex + startingTabIndex;
                }
                startingTabIndex = startingTabIndex + 100;
            }
        }
    };

    var loadGoogleFonts = function(){

        if(! gfLoaded){
            var scriptTag = document.createElement("script");

            scriptTag.src = "https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js";
            scriptTag.defer = true;
            scriptTag.async = true;

            document.getElementsByTagName('head')[0].appendChild(scriptTag);
            gfLoaded = true;
        }
    };

	var evalFacts = function( accountId, formId, watchFields, options, containerDiv) {

		var fact = {
			data : {}
		};

        if ( formId.indexOf(':') > -1 ) {
            formId = formId.substr(0, formId.indexOf(':'));
        }

        if(options.uniqueId){
            formId += (options.uniqueId) ? options.uniqueId : '';
        }

		var formByID = document.getElementById("aoform-" + formId);

		watchFields.forEach( function ( field ) {

        // Webinar form block IDs are just numbers and do not start with `block-` or `b`
        var fieldElm = field.startsWith("b")
            ? formByID.querySelector("#" + field)
            : document.getElementById(field);

        if (!fieldElm) {
            fieldElm = formByID.querySelector("#block-" + field);
        }

        if(fieldElm){
                if(fieldElm.nodeName == "DIV" && fieldElm.classList.contains("ao-combo-layout")) {
                    var radios = fieldElm.querySelectorAll("input[type='radio'],input[type='checkbox']");
                    fact.data[field] = "";

                    for (var i = 0; i < radios.length; i++) {
                        if (radios[i].checked) {
                            fact.data[field] += radios[i].value;
                        }
                    }
                }else if(fieldElm.nodeName=="DIV" && fieldElm.classList.contains("ao-date-block")) {
                    /*
                    Get parent div of a date control, then get all "ao-form-field-date" objects from that div
                    Build a date object from those, and set as value. If it's an invalid date, value = null

                    Date fields are tagged with id "date-<PART>-<ID>"
                     */

                    var dtMonth = "";
                    var dtDay = "";
                    var dtYear = "";
                    var txtInputs = fieldElm.querySelectorAll("input[type='text']");
                    var dtMonth = "";
                    var dtDay = "";
                    var dtYear = "";
                    var txtInputs = fieldElm.querySelectorAll("input[type='text']");
                    var hasDateError = false;
                    for(var i=0; i < txtInputs.length; i++){
                        if (txtInputs[i].value == ""){
                            hasDateError = true;
                        }
                        switch(txtInputs[i].getAttribute("data-format")){
                            case "DD":
                                dtDay = txtInputs[i].value;
                                break;
                            case "MM":
                                dtMonth = txtInputs[i].value;
                                break;
                            case "YY":
                                dtYear = txtInputs[i].value;
                                break;
                            case "YYYY":
                                dtYear = txtInputs[i].value;
                                break;
                        }
                    }
                    if (!hasDateError){
                        fact.data[field] = dtYear + dtMonth + dtDay;
                    }else{
                        fact.data[field] = "";
                    }
                } else {
                    fact.data[field] = fieldElm.value;
                }
            }
		});

		var body = {
			payload : {
				accountId : accountId,
                key : formId,
                facts : [fact]
            }
		};

		var xhr = new XMLHttpRequest();
		xhr.open( 'PUT', scheme + options.domain + '/acton/openapi/form/v1/' + options.accountId + '/' + formId + '/factEval' );
        xhr.setRequestHeader( 'Content-Type', 'application/json' );
        xhr.send( JSON.stringify( body ) );

        // Check if the active element lost focus due to conflicting conditionals such as hide / show,
        // Give focus back if lost focus and not hidden
        function refocusIfLostFocus(activeEl) {
               if(activeEl !== document.activeElement && !activeEl.classList.contains("ao-condition-hide")) {
                    activeEl.focus();
               }
        }

        xhr.onreadystatechange = function() {
               if ( xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200 ) {
                    // Get element that has focus before hiding/showing elements
                    const activeEl = document.activeElement;
                    var response = JSON.parse(xhr.response);

                    //Go through the non true results first and set base display
                    for(var i=0; i<response.results[0].result.length; i++) {

                    var result = response.results[0].result[i].result;
                    var ruleName = response.results[0].result[i].name;
                    var consequence = response.rules[ruleName].consequences;

                    if (!result) {
                        for (var j = 0; j < consequence.length; j++) {

                            var state = consequence[j].state;

                            if (state !== "alert") {
                                var field = consequence[j].field;
                                var elm = formByID.querySelector("#block-" + field) || formByID.querySelector("#row-" + field);

                                if(elm){
                                    switch (state) {

                                        case "show":
                                            elm.style.display = "none";
                                            formElms = elm.querySelectorAll("input, select, textarea");
                                            for(var k=0; k<formElms.length; k++) {
                                                formElms[k].disabled = true;
                                            }
                                            elm.classList.add("ao-condition-hide");
                                            break;

                                        case "hide":
                                            elm.style.removeProperty("display");
                                            formElms = elm.querySelectorAll("input, select, textarea");
                                            for(var l=0; l<formElms.length; l++) {
                                                formElms[l].disabled = false;
                                            }
                                            elm.classList.remove("ao-condition-hide");
                                            break;
                                    }
                                }
                            }
                        }
                        // Check if the previously focused element is no longer focused to avoid hide / show unfocusing
                        refocusIfLostFocus(activeEl);
                    }
                }

                //Show form on initial load after fields have been hidden
                if(containerDiv){
                    containerDiv.style.visibility = "visible";
                }

                //Now go through the true results first and set correct display
                for(var i=0; i<response.results[0].result.length; i++) {

                    var result = response.results[0].result[i].result;
                    var ruleName = response.results[0].result[i].name;
                    var consequence = response.rules[ruleName].consequences;

                    if (result) {
                        for (var j = 0; j < consequence.length; j++) {

                            var state = consequence[j].state;

                            if (state !== "alert") {
                                var field = consequence[j].field;
                                var elm = formByID.querySelector("#block-" + field) || formByID.querySelector("#row-" + field);

                                if(elm) {
                                    switch (state) {

                                        case "show":
                                            elm.style.removeProperty("display");

                                            formElms = elm.querySelectorAll("input, select, textarea");
                                            for(var k=0; k<formElms.length; k++) {
                                                formElms[k].disabled = false;
                                            }
                                            elm.classList.remove("ao-condition-hide");
                                            break;

                                        case "hide":
                                            elm.style.display = "none";
                                            formElms = elm.querySelectorAll("input, select, textarea");
                                            for(var l=0; l<formElms.length; l++) {
                                                formElms[l].disabled = true;
                                            }
                                            elm.classList.add("ao-condition-hide");
                                            break;
                                    }
                                }
                            }
                        }
                        // Check if the previously focused element is no longer focused to avoid hide / show unfocusing
                        refocusIfLostFocus(activeEl);
                    }
                }
			} else {
				// an error occurred
			}
		};
	};

	var loadRules = function( accountId, formId, watchFields, options, containerDiv) {
        if ( formId.indexOf(':') > -1 ) {
            formId = formId.substr( 0, formId.indexOf(':') )
        }

		if ( !watchFields ){
            //Show form on initial load
            containerDiv.style.visibility = "visible";
            return;
		}

		//Remove duplicate watches
        var watchFieldsSeen = {};
        var watchFieldsUnique = watchFields.filter(function(item) {
            return watchFieldsSeen.hasOwnProperty(item) ? false : (watchFieldsSeen[item] = true);
        });

        watchFieldsUnique.forEach( function ( field ) {

        // Webinar form block IDs are just numbers and do not start with `block-` or `b`
        var el = field.startsWith("b")
            ? containerDiv.querySelector("#" + field)
            : document.getElementById(field);

            /*If fieldElm is not found, will need to check for alternatives
			* Most likely candidate, if "date", look for a the block, then a named child
			* EG: div: block-fieldID child named date*/
            if(!el){
                el = containerDiv.querySelector("#block-" + field);
            }

			if(el){
                if(el.nodeName == "SELECT"){
                    el.addEventListener( 'change', function ( event ) {
                        // put a debounce in here so we're making requests on every keystroke
						var result = evalFacts( accountId, formId, watchFieldsUnique, options );
                    }, false );
                } else if(el.nodeName == "DIV" && el.classList.contains("ao-combo-layout")) {
                    var inputs = el.querySelectorAll("input");

                    for (i = 0; i < inputs.length; i++) {
                        inputs[i].addEventListener('click', function (event) {
                            // put a debounce in here so we're making requests on every keystroke
                            if (el.classList.contains("ao-form-error")) {
                                el.classList.remove("ao-form-error");
                            }
                            var result = evalFacts(accountId, formId, watchFieldsUnique, options);
                        }, false);
                    }
                }
                else if(el.nodeName == "DIV" && el.classList.contains("ao-date-block")) {
                    var inputs = el.querySelectorAll("input");

                    for (i = 0; i < inputs.length; i++) {
                        if(!inputs[i].classList.contains("ao-form-field-date-input")) {
                            inputs[i].addEventListener( 'keyup', debounce(function () {
                                evalFacts( accountId, formId, watchFieldsUnique, options );
                            }, 500), false);
                        }
                    }

                } else {
                    el.addEventListener( 'keyup', debounce(function () {
                        evalFacts( accountId, formId, watchFieldsUnique, options );
                    }, 500), false);
                }
			}
		});

        //Initial Load
        evalFacts( accountId, formId, watchFieldsUnique, options, containerDiv);
	};

    function getParameterByName(name) {
    	url = window.location.href;
        name = name.replace(/[\[\]]/g, "\\$&");
        var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)", "i"),
            results = regex.exec(url);
        if (!results) return null;
        if (!results[2]) return '';
        return decodeURIComponent(results[2].replace(/\+/g, " "));
    }

	var formValidationEvents = function(form, ajaxSubmit){
		var actonForms = form.querySelectorAll("form.ao-form");

		var findRecaptchaElements = function(form, hasError){
			//Find the recaptcha wrapper
			var recaptchaWrapper = form.querySelectorAll(".ao-recaptcha-error-wrapper");
			if (recaptchaWrapper.length > 0) {
				if (hasError) {
					//If found and has error then apply the style that will show the red border around the element
					recaptchaWrapper[0].classList.add("ao-recaptcha-error");
				} else {
					//Remove the style because the user has attempted to work with the recaptcha again
					recaptchaWrapper[0].classList.remove("ao-recaptcha-error");
				}
			}

			//Find the element that will show the failed to completed the recaptcha
			var recaptchaMsg = form.querySelectorAll(".ao-recaptcha-error-robot-message");
			if (recaptchaMsg.length > 0) {
				if (hasError) {
					//Show the text
					recaptchaMsg[0].style.display = "block";
				} else {
					//Hide the text
					recaptchaMsg[0].style.display = "none";
				}
			}
		};

		var invalidCaptcha = function(form){
            //Wait for the Recaptcha widget before we build the error logging aorund it
            setTimeout(function () {

                //Apply the styling that says the user failed to validate the Recaptcha
                findRecaptchaElements(form, true);

            }, 1000);

            //Keep checking if the user has attempted to validate the Recaptcha, we will know because the token will go into the hidden input the cap sends on submission
            var recaptchaInterval = setInterval(function () {
                var recaptchaBoxCode = form.querySelectorAll("#g-recaptcha-response");

                //If we find the element and the value is not empty then a user has interacted with the cap, validation happens on the submission not now
                if (recaptchaBoxCode.length > 0 && recaptchaBoxCode[0].value !== '') {

                    //Remove the styling that was generated by the error
                    findRecaptchaElements(form, false);

                    //Remove the interval that listens for the check
                    window.clearInterval(recaptchaInterval);
                }
            }, 2000);
		};

		for(var i=0; i<actonForms.length; i++) {

			//Set On Blur Events For All Inputs
			var validationFields = actonForms[i].querySelectorAll(".ao-form-field[data-validator]:not([data-attached])");
			var validationCombos = actonForms[i].querySelectorAll(".ao-combo-layout[data-validator]:not([data-attached])");
			var validationDates =  actonForms[i].querySelectorAll(".ao-form-field-date-wrapper[data-validator]:not([data-attached])");
            var validationDateFields =  actonForms[i].querySelectorAll(".ao-form-field-date");
            var dynamicHiddenFields =  actonForms[i].querySelectorAll(".ao-hidden-block-dynamic");
            var validationFileUpload = actonForms[i].querySelectorAll(".ao-fileupload-field[data-validator]");
            var submitBlock = actonForms[i].querySelectorAll(".ao-submit-block");

            //Set All dynamic fields on load.  Will set again on submit.
            for (var j = 0; j < dynamicHiddenFields.length; j++) {
                var fieldMatch = dynamicHiddenFields[j].getAttribute("data-dynamic-match");
                var fieldDefault = dynamicHiddenFields[j].getAttribute("data-dynamic-default");
                dynamicHiddenFields[j].value = getParameterByName(fieldMatch) || fieldDefault;
            }

            for (var j = 0; j < validationDateFields.length; j++) {
                var currentField = validationDateFields[j];

                (function(currentField) {
                    currentField.addEventListener( "keyup", function(){
                        var e = event || evt; // for trans-browser compatibility
                        var charCode = e.which || e.keyCode; // for trans-browser compatibility

						if(charCode != 9 && charCode != 16 && this.value.length >= this.getAttribute('maxlength') ){
                            var node = this.nextSibling;
                            while (node) {
                                if (node.tagName=='INPUT') {
                                    node.focus();
                                    break;
                                }
                                node = node.nextSibling;
                            }
						}
                    })
                })(currentField);
            }

			//check if the form id matches the param sent back on the user submission redirect of the formid that failed user submit
			if(htmlId.indexOf(getParameterByName("validRecaptcha")) > -1) {
				invalidCaptcha(form);
			}

      function enableOrDisableSubmitButton(e, isEnable){
          if(isEnable){
              e.submitter.style.opacity = 1;
              e.submitter.style.pointerEvents = "auto";
              e.submitter.disabled = false;
          }
          else {
              e.submitter.style.opacity = 0.5;
              e.submitter.style.pointerEvents = "none";
              e.submitter.disabled = true;
          }
      }

			if(actonForms[i].hasAttribute('data-validate-blur')){

                for (var j = 0; j < validationFields.length; j++) {
                    var currentField = validationFields[j];

                    (function(currentField) {
                        currentField.addEventListener( "focusout", function(){
                            validateField(currentField);
                        });
                        currentField.addEventListener( "change", function(){
                            validateField(currentField);
                        });
                    })(currentField);
                }

                for (var j = 0; j < validationFileUpload.length; j++) {
                    var currentField = validationFileUpload[j];

                    (function(currentField) {
                        currentField.addEventListener( "focusout", function(){
                            validateField(currentField);
                        });
                        currentField.addEventListener( "change", function(){
                            validateField(currentField);
                        });
                    })(currentField);
                }
			}

			//Set On Submit Event
			var currentForm = actonForms[i];

			(function(currentForm, ajaxSubmit) {
				currentForm.addEventListener("submit", function(e){
					 var passedValidation = true;
					for (var i = 0; i < validationFields.length; i++) {
						//Check visibility of field. offsetWidth/Height of null = not visible
                        if (!!( validationFields[i].offsetWidth || validationFields[i].offsetHeight || validationFields[i].getClientRects().length )){
                            if (!validateField(validationFields[i])) {
                                passedValidation = false;
                            }
                    	}
					}

                    for (var i = 0; i < validationFileUpload.length; i++) {
                        //Check visibility of field. offsetWidth/Height of null = not visible
                        if (!validateField(validationFileUpload[i], {isFileUpload: true})) {
                            passedValidation = false;
                        }
                    }

					for (var i = 0; i < validationCombos.length; i++) {
                        //Check visibility of field. offsetWidth/Height of null = not visible
                        if (!!( validationCombos[i].offsetWidth || validationCombos[i].offsetHeight || validationCombos[i].getClientRects().length )) {
                            if (!validateField(validationCombos[i], {isCombo: true})) {
                                passedValidation = false;
                            }
                        }
					}

					for (var i = 0; i < validationDates.length; i++) {
                        if (!!( validationDates[i].offsetWidth || validationDates[i].offsetHeight || validationDates[i].getClientRects().length )) {
                            if (!validateField(validationDates[i], {isDate: true})) {
                                passedValidation = false;
                            }
                        }
					}

                    for (var i = 0; i < submitBlock.length; i++) {
                        if (!( submitBlock[i].offsetWidth || submitBlock[i].offsetHeight || submitBlock[i].getClientRects().length )) {
                            passedValidation = false;
                        }
                    }

                    for (var i = 0; i < dynamicHiddenFields.length; i++) {
						var fieldMatch = dynamicHiddenFields[i].getAttribute("data-dynamic-match");
                        var fieldDefault = dynamicHiddenFields[i].getAttribute("data-dynamic-default");
						dynamicHiddenFields[i].value = getParameterByName(fieldMatch) || fieldDefault;
                    }

					//Set Date fields
					var dateBlocks = 	currentForm.querySelectorAll(".ao-date-block");
                    for(var i = 0; i < dateBlocks.length; i++){
                    	var dateBlock = dateBlocks[i];
                    	var dateBlockInput = dateBlock.querySelector(".ao-form-field-date-input");
                    	var dateBlockPartials = dateBlock.querySelectorAll(".ao-form-field-date");

                        var dateVal = "";

                    	for(var j=0; j<dateBlockPartials.length; j++){
							var partial = dateBlockPartials[j];
							var format = partial.getAttribute("data-format");
							var isHour = format === "h" || format === "H";

                            if(format == "MM" || format == "DD" || format == "YY" || format == "YYYY"){
                            	if(dateVal){
                            		dateVal = dateVal + "/";
								}
                                dateVal += partial.value;
							}

                            if(isHour || format == "mm"){
                                if(dateVal && isHour){
                                    dateVal = dateVal + " ";
                                }

                                dateVal += partial.value;

                                if(isHour && partial.value){
                                    dateVal = dateVal + ":";
                                }
                            }

                            if(format == "tt"){
                                if(dateVal){
                                    dateVal = dateVal + " ";
                                }
                                dateVal += partial.value;
                            }
						}

						dateBlockInput.value = dateVal;
					}

					var captcha = currentForm.querySelector('.g-recaptcha-response');

					// if a captcha is being used check it
					if ( captcha !== null ) {
						var captchaValue = captcha.value;

						// if the captcha value is empty invalidate the form
						if ( captchaValue === '' ) {
							passedValidation = false;
                            invalidCaptcha( currentForm );
						}
					}

					if(! passedValidation || ajaxSubmit){
                        e.preventDefault();
					}

            if(passedValidation){
                showOrHideSubmitButtons(currentForm);
                enableOrDisableSubmitButton(e, false);
            }


            if(passedValidation && ajaxSubmit){
                var data = new FormData(currentForm);

                var req = new XMLHttpRequest();
                req.onerror = function() {
                    enableOrDisableSubmitButton(e, true);

                };

                req.onload = function(){
                    enableOrDisableSubmitButton(e, true);

                    var response;

                    try {
                        response = JSON.parse(this.response);
                    } catch(e) {
                        response = this.response;
                    }

                  if(typeof response === 'object' && response.error && response.error == "captcha"){
                        invalidCaptcha(currentForm);
							} else {
								var divId = currentForm.id.replace("ao-form", "aoform");
                                var formId = currentForm.id.replace("ao-form-", "");
                                var div = document.getElementById(divId);

                                div.innerHTML = typeof response === 'string' ? response : '';

                                //Post Submit Callback
                                if (typeof aoPostSubmitCallback === 'function') {
                                    aoPostSubmitCallback();
                                }

                                //Post Submit Callback (form specific)
                                formId = ( formId.indexOf(':') > -1 ) ? formId.substr( 0, formId.indexOf(':') ) : formId;

                                if(aoPostSubmitFormCallback[formId] && typeof aoPostSubmitFormCallback[formId] === 'function'){
                                    aoPostSubmitFormCallback[formId]();
                                }

                                //Inline gated content URL is only used in the case of iOS devices
                                var inlineURL = document.getElementById("ao_inline-" + formId);

                                if (inlineURL && isIOS()) {
                                    window.location = inlineURL.value;
                                }
							}
                        };
                        req.open(currentForm.method, currentForm.action);
                        req.withCredentials = true;
                        req.send(data);
					}
			    })
			})(currentForm, ajaxSubmit);
		}
	};

    function isIOS() {
        return /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
    }

    // special chracter escaped regex from https://emailregex.com/ with capital letter allowance added
    var validEmailRegex="^(?:[a-zA-Z0-9!#$%&\'*+/=?^_`{|}~-]+(?:\\.[a-zA-Z0-9!#$%&\'*+/=?^_`{|}~-]+)*|\"(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21\\x23-\\x5b\\x5d-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])*\")@(?:(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?|\\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-zA-Z0-9-]*[a-zA-Z0-9]:(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21-\\x5a\\x53-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])+)\\])$"
    var validEmailRegexObj = new RegExp(validEmailRegex);

	var validateField = function(field, options){

		var o = options ? options : {};

		var validators = field.getAttribute('data-validator').split("|");
		var errorSpan = field.getAttribute('type') === 'file' ? field.parentNode.nextElementSibling : field.parentNode.querySelector(".ao-form-error-message");
		errorSpan.innerHTML = "&nbsp;";

		var errorMessageArr = [];
		var errorMessageOverrideArr = (field.getAttribute('data-error-message')) ? field.getAttribute('data-error-message').split("::") : false;

		field.classList.remove("ao-form-error");

         if(field.getAttribute('type') === 'file'){
             field.parentNode.classList.remove("ao-file-upload-error");
             field.previousElementSibling.querySelector('label').classList.remove("ao-file-upload-error-label");
         }

		for(var i=0; i<errorMessageOverrideArr.length; i++){
			var errorMessageOverride = errorMessageOverrideArr[i].split("|");
			errorMessageArr[ errorMessageOverride[0] ] = errorMessageOverride[1];
		}


		for(var j=0; j<validators.length; j++) {
			var validationType = validators[j];
			var hasErrors = false;

			switch (validationType) {

				case "required":
					if (o.isCombo) {
						var validationComboFields = field.querySelectorAll("input");
						var hasRequired = false;

						for (var k = 0; k < validationComboFields.length; k++) {
							if (validationComboFields[k].checked) {
								hasRequired = true;
							}
						}

						if (!hasRequired) {
							hasErrors = true;
						}
					}
                    else if(o.isDate) {
						var validationDateFields = field.querySelectorAll("input:not(.ao-form-field-date-input), select");
						var hasRequired = true;

						for (var l = 0; l < validationDateFields.length; l++) {
							if (! validationDateFields[l].value.trim()) {
								validationDateFields[l].classList.add("ao-form-error");
								hasRequired = false;
							} else {
								validationDateFields[l].classList.remove("ao-form-error");
							}
						}

						if (!hasRequired) {
							hasErrors = true;
						}
					} else if (!field.value.trim()) {
                         if (field.getAttribute("type") === "file") {
                            const uniqueDropzoneId = inputToDropzoneMap.get(field);
                            if (uniqueDropzoneId) {
                                const dropzoneData = dropzoneFileCollections[uniqueDropzoneId];
                                if (dropzoneData && dropzoneData.files && dropzoneData.files.length > 0) {
                                    return false;
                                }
                            }
                        } 
						hasErrors = true;
					}
					break;
				case "date":
					if(o.isDate) {
						var validationDateFields = field.querySelectorAll("input");

						for (var m = 0; m < validationDateFields.length; m++) {
							var dateType = validationDateFields[m].getAttribute("placeholder");

							switch(dateType){
								case "MM":
									if(validationDateFields[m].value && !/^([0]?[1-9]|1[012])$/.test(validationDateFields[m].value) ){
										validationDateFields[m].classList.add("ao-form-error");
										hasErrors = true;
									} else {
										validationDateFields[m].classList.remove("ao-form-error");
									}
									break;

								case "DD":
									if(validationDateFields[m].value && !/^([0]?[1-9]|[12]\d|3[01])$/.test(validationDateFields[m].value) ){
										validationDateFields[m].classList.add("ao-form-error");
										hasErrors = true;
									} else {
										validationDateFields[m].classList.remove("ao-form-error");
									}
									break;

								case "YY":
									if(validationDateFields[m].value && !/^(0?[1-9]|[1-9][0-9])$/.test(validationDateFields[m].value) ){
										validationDateFields[m].classList.add("ao-form-error");
										hasErrors = true;
									} else {
										validationDateFields[m].classList.remove("ao-form-error");
									}
									break;

								case "YYYY":
									if(validationDateFields[m].value && !/^[0-9]{4}$/.test(validationDateFields[m].value) ){
										validationDateFields[m].classList.add("ao-form-error");
										hasErrors = true;
									} else {
										validationDateFields[m].classList.remove("ao-form-error");
									}
									break;

								case "h":
									if(validationDateFields[m].value && !/^([0]?[1-9]|1[012])$/.test(validationDateFields[m].value) ){
										validationDateFields[m].classList.add("ao-form-error");
										hasErrors = true;
									} else {
										validationDateFields[m].classList.remove("ao-form-error");
									}
									break;

								case "H":
									if(validationDateFields[m].value && !/^([0]?[0-9]|1[0-9]|2[0-3])$/.test(validationDateFields[m].value) ){
										validationDateFields[m].classList.add("ao-form-error");
										hasErrors = true;
									} else {
										validationDateFields[m].classList.remove("ao-form-error");
									}
									break;

								case "mm":
									if(validationDateFields[m].value && !/^[0-5][0-9]$/.test(validationDateFields[m].value) ){
										validationDateFields[m].classList.add("ao-form-error");
										hasErrors = true;
									} else {
										validationDateFields[m].classList.remove("ao-form-error");
									}
									break;
							}
						}
					}
					break;
				case "email":
					if (field.value && !validEmailRegexObj.test(field.value)) {
						hasErrors = true;
					}
					break;
				case "nc_email":
                    if (field.value && (/^.*@(163[.]com|aol[.]com|bellsouth[.]net|blueyonder[.]co[.][a-z]{2}|btconnect[.]com|charter[.]com|comcast[.]net|cox[.]net|earthlink[.]net|email[.]com|gmail[.]co.[a-z]{2}|gmail[.]com|hotmail[.]co[.][a-z]{2}|hotmail[.]com|juno[.]com|mail[.]com|mail[.]ru|mindspring[.]com|msn[.]com|ntlworld[.]com|orange[.]fr|rogers[.]com|sbcglobal[.]net|shaw[.]ca|sympatico[.]ca|telus[.]net|verizon[.]net|virgin[.]net|virginmedia[.]com|yahoo[.]ca|yahoo[.]co[.][a-z]{2}|yahoo[.]com|ymail[.]com|icloud[.]com|me[.]com|mac[.]com|outlook[.]com|live[.]com|att[.]net|.*[.]rr[.]com|rr[.]com|qq[.]com|gmx[.]de|yandex[.]ru|libero[.]it|mailinator[.]com)$/i.test(field.value)
                        || field.value && !validEmailRegexObj.test(field.value))) {
                        hasErrors = true;
                    }
                    break;
                case "ng_email":
                    if (field.value && (!/^(?!(abuse@|accounting@|accounts@|adm@|admin@|administration@|administrator@|admissions@|ads@|all@|answers@|anti-spam@|antispam@|asdf@|billing@|ceo@|comments@|compliance@|contact@|contactus@|customer@|customercare@|customerservice@|database@|decliend@|decline@|declined@|denied@|designer@|devnull@|director@|dns@|email@|employment@|enquiries@|everyone@|fbl@|feedback@|finance@|ftp@|general@|hello@|helpdesk@|home@|hostmaster@|hr@|info@|information@|inoc@|investorrelations@|ispfeedback@|ispsupport@|jobs@|lawyer@|lawyers@|legal@|list@|list-request@|mail@|mailbox@|mail-daemon@|maildaemon@|mail-deamon@|manager@|managers@|marketing@|me@|media@|mediarelations@|mkt@|news@|noc@|noreplies@|no-reply@|noreply@|noemail@|nospam@|nothanks@|null@|office@|operations@|orders@|phish@|phishing@|post@|postbox@|postmaster@|prepress@|president@|press@|privacy@|purchasing@|qwer@|qwert@|qwerty@|reception@|refuse@|refused@|registrar@|remove@|request@|reservations@|returns@|root@|sales@|secretary@|security@|service@|services@|shop@|spam@|staff@|studio@|subscribe@|support@|sysadmin@|tech@|undisclosed-recipients@|unsubscribe@|usenet@|users@|uucp@|web@|webmaster@|welcome@|www@)).*/i.test(field.value)
                        || field.value && !validEmailRegexObj.test(field.value) ) ){
                        hasErrors = true;
                    }
                    break;
				case "numeric":
					if (field.value && !/^\d+$/.test(field.value)) {
						hasErrors = true;
					}
					break;
				case "alphabetic":
					if (field.value && !/^[a-zA-Z]+$/.test(field.value)) {
						hasErrors = true;
					}
					break;
				case "alphanumeric":
					if (field.value && !/^[a-zA-Z0-9]*$/.test(field.value)) {
						hasErrors = true;
					}
					break;
				case "minlength":
					if (field.value && field.value.length < field.getAttribute('data-minlength') || 0) {
						hasErrors = true;
					}
					break;
				case "maxlength":
					if (field.value && field.value.length > field.getAttribute('maxlength') || 0) {
						hasErrors = true;
					}
					break;
                case "minyear":
                    if(o.isDate) {
                        var validationDateFields = field.querySelectorAll("input");

                        for (var m = 0; m < validationDateFields.length; m++) {
                            var dateType = validationDateFields[m].getAttribute("placeholder");

                            switch(dateType){
                                case "YY":
                                case "YYYY":
                                    if(validationDateFields[m].value < field.getAttribute('data-minyear') || 0 ){
                                        validationDateFields[m].classList.add("ao-form-error");
                                        hasErrors = true;
                                    } else {
                                        validationDateFields[m].classList.remove("ao-form-error");
                                    }
                                    break;
                            }
                        }
                    }
                    break;
                case "maxyear":
                    if(o.isDate) {
                        var validationDateFields = field.querySelectorAll("input");

                        for (var m = 0; m < validationDateFields.length; m++) {
                            var dateType = validationDateFields[m].getAttribute("placeholder");

                            switch(dateType){
                                case "YY":
                                case "YYYY":
                                    if(validationDateFields[m].value > field.getAttribute('data-maxyear') || 0 ){
                                        validationDateFields[m].classList.add("ao-form-error");
                                        hasErrors = true;
                                    } else {
                                        validationDateFields[m].classList.remove("ao-form-error");
                                    }
                                    break;
                            }
                        }
                    }
                    break;
				case "match":
				    var matchField = document.getElementById(field.getAttribute('data-match'));
					if (field && matchField && field.value != matchField.value ) {
						hasErrors = true;
					}
					break;
				case "phoneus":
					if(field.value && !/^(\+?1?)?(-?\s?\.?)?(\([2-9]([02-9]\d|1[02-9])\)|[2-9]([02-9]\d|1[02-9]))-?\s?\.?[2-9]([0-9]{2})\s?-?\.?\d{4}$/.test(field.value)) {
						hasErrors = true;
					}
					break;
                case "phoneint":
                    if(field.value && !/^\+(?:[0-9] ?){6,14}[0-9]$/.test(field.value)) {
                        hasErrors = true;
                    }
                case "phoneall":
                    if(field.value && !/(^(\+?1?)?(-?\s?\.?)?(\([2-9]([02-9]\d|1[02-9])\)|[2-9]([02-9]\d|1[02-9]))-?\s?\.?[2-9]([0-9]{2})\s?-?\.?\d{4}$)|(^\+(?:[0-9] ?){6,14}[0-9]$)/.test(field.value)) {
                        hasErrors = true;
                    }
                    break;
				case "url":
					if(field.value && !/(http|ftp|https):\/\/[\w-]+(\.[\w-]+)+([\w.,@?^=%&amp;:/~+#-]*[\w@?^=%&amp;/~+#-])?/.test(field.value)) {
						hasErrors = true;
					}
					break;
				case "custom":
					var pattern = new RegExp(field.getAttribute('data-custom'));

					if (field.value && !pattern.test(field.value)) {
						hasErrors = true;
					}
					break;
			}

			if (hasErrors){
				if(! o.isDate)
                    field.classList.add("ao-form-error");

                field.setAttribute("aria-invalid", "true");
				errorSpan.innerHTML = ( errorMessageArr[validationType] ) ? errorMessageArr[validationType] : "Invalid";

                if(o.isFileUpload){
                    field.parentNode.classList.add("ao-file-upload-error");
                    field.previousElementSibling.querySelector('label').classList.add("ao-file-upload-error-label");
                }

				return false;
			}
		}

		return true;
	};

    function debounce(a,b,c){var d;return function(){var e=this,f=arguments;clearTimeout(d),d=setTimeout(function(){d=null,c||a.apply(e,f)},b),c&&!d&&a.apply(e,f)}}

	return {
		load: function(opts) {
			loadForm(opts);
		},
		loadAll: function(){
			for(var i=0; i<w._aoForms.length; i++){
				loadForm(w._aoForms[i]);
			}
		}
	};

}(window));

/*** FormData for older browsers ***/
(function(w) {
    if (w.FormData)
        return;
    function FormData() {
        this.fake = true;
        this.boundary = "--------FormData" + Math.random();
        this._fields = [];
    }
    FormData.prototype.append = function(key, value) {
        this._fields.push([key, value]);
    }
    FormData.prototype.toString = function() {
        var boundary = this.boundary;
        var body = "";
        this._fields.forEach(function(field) {
            body += "--" + boundary + "\r\n";
            // file upload
            if (field[1].name) {
                var file = field[1];
                body += "Content-Disposition: form-data; name=\""+ field[0] +"\"; filename=\""+ file.name +"\"\r\n";
                body += "Content-Type: "+ file.type +"\r\n\r\n";
                body += file.getAsBinary() + "\r\n";
            } else {
                body += "Content-Disposition: form-data; name=\""+ field[0] +"\";\r\n\r\n";
                body += field[1] + "\r\n";
            }
        });
        body += "--" + boundary +"--";
        return body;
    }
    w.FormData = FormData;
})(window);